<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>通用方式实现Ajax</title>
</head>
<body>
<form autocomplete="off">
姓名：<input type="text" id="username">
<span id="uSpan"></span>
<br>
密码：<input type="password" id="password">
<br>
<input type="submit" value="注册">
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    //为用户设置绑定失去焦点事件
    $("#username").blur(function () {
        let username=$("#username").val();
        $.ajax({
            //请求支援路径
            url:"userServlet",
            //是否异步
            async:"true",
            //请求参数
            data:"username="+username,
            //请求方式
            type:"POST",
            //数据类型
            dataType:"text",
            //回调函数
            success:function (data) {
                $("#uSpan").html(data);
            },
            error:function () {
                alert("操作失败")
            }
    });
    });
</script>
</html>